<ui:composition template="../../ESRestaurante/templates/template.xhtml"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:composite="http://java.sun.com/jsf/composite">

	<ui:define name="titulo">
		<h:outputText value="Restaurante - Principal" />
	</ui:define>

	<ui:define name="comandos">
		<div class="espacoGrande"></div>
	</ui:define>
	
	<ui:define name="titulopagina">
		<h:outputLabel value="Principal" />
	</ui:define>

	<ui:define name="conteudo">
	
		<div style="float: left; width: 25%; ">
			<p:panelGrid columns="1">
					<p:commandButton value="Abrir Mesa" action="#{inicialClienteFaces.abrirMesaAction}" styleClass="botao" ajax="false" 
						disabled="#{inicialClienteFaces.exibirBtAbrirMesa}"	/>
					<p:commandButton value="Consultar Cardapio" action="#{inicialClienteFaces.consultarCardapioAction}" styleClass="botao" ajax="false" />
					<p:commandButton value="Gerenciar Conta" action="#{inicialClienteFaces.gerenciarContaAction}" styleClass="botao" ajax="false" />
					<p:commandButton value="Fechar Mesa" action="#{inicialClienteFaces.fecharMesaAction}" styleClass="botao" ajax="false" />
			</p:panelGrid>
		</div>
		<div style="float: right; width: 75%; ">
			<p:fieldset style="width: 90%;">				
				<br />	
				<h:outputLabel value="Bem Vindo! "/><b><h:outputLabel value="#{inicialClienteFaces.clienteLogado.nome}."  /></b>							
				<br />				
				<h:outputLabel value=" Favor abrir uma Mesa!" rendered="#{not inicialClienteFaces.exibeInfo}" />
				<br />						
				<p:fieldset legend="Informacoes" rendered="#{inicialClienteFaces.exibeInfo}">					
					<h:outputLabel value="Horario de Chegada: "/><h:outputLabel value="#{inicialClienteFaces.dataAberturaMesa.time}">
						<f:convertDateTime pattern="HH:mm" />  
					</h:outputLabel>										
					<br />					
					<h:outputLabel value="Consumo Atual: "/><h:outputLabel value="#{inicialClienteFaces.consumoAtual}"/>					
					<br />					
					<h:outputLabel value="Pedidos em aberto: " rendered="#{not empty inicialClienteFaces.listaPedidosAbertos}" />
					<h:outputLabel value="Voce nao possui Pedidos!" rendered="#{empty inicialClienteFaces.listaPedidosAbertos}" />					
					<p:dataTable value="#{inicialClienteFaces.listaPedidosAbertos}" var="item" scrollable="true" 
							rendered="#{not empty inicialClienteFaces.listaPedidosAbertos}"  scrollHeight="150" scrollWidth="624" >
						<p:column width="270">
							<f:facet name="header">
								<h:outputLabel value="Nome" />
							</f:facet>
						<h:outputLabel value="#{item.oferecimento.nome}" />
					</p:column>	
					<p:column width="80" >
						<f:facet name="header" >
							<h:outputLabel value="Solicitacao" />
						</f:facet>
						<h:outputLabel value="#{item.dataSolicitacao.time}" >
							<f:convertDateTime pattern="HH:mm" />
						</h:outputLabel>
					</p:column>
					<p:column width="80" >
						<f:facet name="header" >
							<h:outputLabel value="Valor total" />
						</f:facet>
						<h:outputLabel value="#{item.valorTotal}" >
						</h:outputLabel>
					</p:column>
					<p:column width="90" >
						<f:facet name="header">
							<h:outputLabel value="Status" />
						</f:facet>
						<h:outputLabel value="#{item.dataConclusao != null ? 'A entregar' : 'Preparo' }" />
					</p:column>	
					</p:dataTable>		
				</p:fieldset>
				<br />				
			</p:fieldset>
			<br />	
		</div>
		<div style="clear:both;"></div>
	</ui:define>
</ui:composition>